<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>成品原始信息</title>
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="../../static/css/lib/bootstrap3.4.1.min.css" th:href="@{/css/lib/bootstrap3.4.1.min.css}">
    <!-- Bootstrap-table CSS-->
    <link rel="stylesheet" href="../../static/css/lib/bootstrap-table.min.css" th:href="@{/css/lib/bootstrap-table.min.css}">
    <!-- jquery-ui CSS-->
    <link rel="stylesheet" href="../../static/css/lib/jquery-ui.min.css" th:href="@{/css/lib/jquery-ui.min.css}">
    <!-- fileinput CSS-->
    <link rel="stylesheet" href="../../static/css/lib/fileinput.min.css" th:href="@{/css/lib/fileinput.min.css}">
    <!-- select2 CSS-->
    <link rel="stylesheet" href="../../static/css/lib/select2.min.css" th:href="@{/css/lib/select2.min.css}">
    <link rel="stylesheet" href="../../static/css/lib/select2-bootstrap.min.css" th:href="@{/css/lib/select2-bootstrap.min.css}">
    <link href="../../static/css/file.css" rel="stylesheet" th:href="@{/css/file.css}">
    <link href="../../static/css/table.css" rel="stylesheet" th:href="@{/css/table.css}">
</head>
<body onload="init();">

    <div class="panel-body" style="padding-bottom:0;">
        <div class="panel panel-default">
            <div class="panel-heading">查询条件</div>
            <div class="panel-body">
                <div class="form-group" style="margin-top:15px">
                    <div class="row row-gap">
                        <label class="control-label col-sm-2 label-font" for="txt_search_code" title="客户代号">客户代号</label>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" id="txt_search_code">
                        </div>

                        <label class="control-label col-sm-2 label-font" for="txt_search_label" title="标签">标签</label>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" id="txt_search_label">
                        </div>
                    </div>

                    <div class="row row-gap">
                        <label class="control-label col-sm-2 label-font" for="txt_search_item_name" title="品名">品名</label>
                        <div class="col-sm-3">
                            <input list="data-list" type="text" class="form-control" id="txt_search_item_name">
                            <datalist id="data-list">
                                <option value="电阻">电阻</option>
                                <option value="弹簧">弹簧</option>
                                <option value="其他">其他</option>
                            </datalist>
                        </div>

                        <label class="control-label col-sm-2 label-font" for="txt_search_spec" title="规格">规格</label>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" id="txt_search_spec">
                        </div>
                    </div>

                    <div class="row row-gap">
                        <label class="control-label col-sm-2 label-font" for="txt_search_master_item_name" title="品名／磁棒／尺寸(材质)">品名／磁棒／尺寸(材质)</label>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" id="txt_search_master_item_name">
                        </div>

                        <label class="control-label col-sm-2 label-font" for="txt_search_master_spec" title="规格/初值/电阻线(线径)">规格/初值/电阻线(线径)</label>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" id="txt_search_master_spec">
                        </div>
                    </div>

                    <div class="row row-gap">
                        <label class="control-label col-sm-2 label-font" for="txt_search_check_flag" title="审核状态">审核状态</label>
                        <div class="col-sm-3">
                            <select class="form-control" id="txt_search_check_flag">
                                <option>--请选择--</option>
                                <option value="未审核">未审核</option>
                                <option value="未通过">未通过</option>
                                <option value="已通过">已通过</option>
                            </select>
                        </div>

                        <label class="control-label col-sm-2 label-font" for="txt_search_product_number" title="客户料号">客户料号</label>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" id="txt_search_product_number">
                        </div>
                    </div>

                    <div class="row row-gap">
                        <div class="col-sm-offset-4" style="text-align:left;">
                            <button type="button" style="margin-left:50px" id="btn_filter" class="btn btn-primary" onclick="filter();">过滤</button>
                            <button type="button" style="margin-left:50px" id="btn_reset_filter" class="btn btn-primary" onclick="init();">重置过滤</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="toolbar" class="btn-group">
            <button id="btn_add" type="button" class="btn btn-default" data-toggle="modal" data-target="#addModal">
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增成品原始信息
            </button>
            <button id="btn_export" type="button" class="btn btn-default" onclick="exportExcel();">
                <span class="glyphicon glyphicon-export" aria-hidden="true"></span>批量导出
            </button>
        </div>
        <table id="table"></table>
    </div>

    <!-- 模态框（Modal） 查看-->
    <div class="modal fade" id="viewModal" tabindex="-1" role="dialog" aria-labelledby="viewModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="viewModalLabel">
                        查看原始成品信息
                    </h4>
                </div>
                <div class="modal-body">
                    <table class="table">
                        <caption>原始成品信息</caption>
                        <tbody>
                        <tr>
                            <td>客户代号</td>
                            <td id="td_code">xxx</td>
                            <td>品名</td>
                            <td id="td_item_name">xxx</td>
                        </tr>
                        <tr>
                            <td>规格</td>
                            <td id="td_spec">xxx</td>
                            <td>客户料号</td>
                            <td id="td_product_number">xxx</td>
                        </tr>
                        <tr>
                            <td>单位</td>
                            <td id="td_unit">xxx</td>
                            <td>单价</td>
                            <td id="td_unit_price">xxx</td>
                        </tr>
                        <tr>
                            <td>标签</td>
                            <td id="td_label">xxx</td>
                            <td>色码</td>
                            <td id="td_color_code">xxx</td>
                        </tr>
                        <tr>
                            <td>原材料</td>
                            <td id="td_master_item_name">xxx</td>
                            <td>特殊要求</td>
                            <td id="td_remark">xxx</td>
                        </tr>
                        <tr>
                            <td>图纸</td>
                            <td>
                                <img id="td_drawing" alt="图片未加载" style="width: 100px; height: 100px; line-height: 100px;">
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <!-- 模态框（Modal） 审核 -->
    <div class="modal fade" id="auditModal" tabindex="-1" role="dialog" aria-labelledby="auditModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title text-center" id="auditModalLabel">
                        审核成品原始信息信息
                    </h2>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <div class="form-group has-success">
                            <label class="col-sm-2 control-label label-font" for="audit_check_flag">审核</label>
                            <div class="col-sm-10">
                                <select class="form-control" data-style="btn-success" id="audit_check_flag">
                                    <option value="未审核">未审核</option>
                                    <option value="未通过">未通过</option>
                                    <option value="已通过">已通过</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group has-success">
                            <label class="col-sm-2 control-label label-font" for="audit_remark">备注</label>
                            <div class="col-sm-10">
                                <textarea class="form-control" rows="6" id="audit_remark"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" onclick="audit();">审核</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <!--模态框（Modal） 新增 -->
    <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" style="min-width: 800px">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title text-center" id="addModalLabel">
                        新增成品原始信息
                    </h2>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">

                        <div class="form-group">
                            <div class="has-error">
                                <label class="col-sm-2 control-label label-font" for="codeSelect">客户代号</label>
                                <div class="col-sm-4">
                                    <select class="js-data-example-ajax form-control" title="必填选项" id="codeSelect"  onchange="setInputSuccess($('#codeSelect'));">
                                    </select>
                                </div>
                            </div>

                            <div class="has-error">
                                <label class="col-sm-2 control-label label-font" for="txt_item_name">品名</label>
                                <div class="col-sm-4">
                                    <input list="list" type="text" class="form-control" id="txt_item_name" title="必填选项" onchange="checkInputChange('txt_item_name');">
                                    <datalist id="list">
                                        <option value="电阻">电阻</option>
                                        <option value="弹簧">弹簧</option>
                                        <option value="其他">其他</option>
                                    </datalist>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="has-error">
                                <label class="col-sm-2 control-label label-font" for="txt_spec">规格</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" id="txt_spec" title="必填选项"  onchange="checkInputChange('txt_spec');">
                                </div>
                            </div>

                            <div class="has-success">
                                <label class="col-sm-2 control-label label-font" for="txt_product_number">客户料号</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" id="txt_product_number">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="has-error">
                                <label class="col-sm-2 control-label label-font" for="txt_unit">单位</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" id="txt_unit" title="必填选项"  onchange="checkInputChange('txt_unit');">
                                </div>
                            </div>

                            <div class="has-success">
                                <label class="col-sm-2 control-label label-font" for="txt_unit_price">单价</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" id="txt_unit_price">
                                </div>
                            </div>
                        </div>

                        <div class="form-group has-success">
                            <label class="col-sm-2 control-label label-font" for="txt_label">标签</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="txt_label">
                            </div>

                            <label class="col-sm-2 control-label label-font" for="txt_color_code">色码</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="txt_color_code">
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="has-error">
                                <label class="col-sm-2 control-label label-font" for="material_info_master_select">原材料</label>
                                <div class="col-sm-4">
                                    <select class="js-data-example-ajax form-control" title="必填选项" id="material_info_master_select"  onchange="setInputSuccess($('#material_info_master_select'));">
                                    </select>
                                </div>
                            </div>

                            <div class="has-success">
                                <label class="col-sm-2 control-label label-font" for="txt_remark">特殊要求</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" id="txt_remark">
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" onclick="add();">添加</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <!--模态框（Modal） 编辑 -->
    <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" style="min-width: 800px">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title text-center" id="editModalLabel">
                        编辑成品原始信息
                    </h2>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <div class="has-success">
                                <label class="col-sm-2 control-label label-font" for="edit_code">客户代号</label>
                                <div class="col-sm-4">
                                    <input disabled class="form-control" type="text" id="edit_code">
                                </div>
                            </div>

                            <div class="has-success">
                                <label class="col-sm-2 control-label label-font" for="edit_item_name">品名</label>
                                <div class="col-sm-4">
                                    <input list="edit_list" type="text" class="form-control" id="edit_item_name" title="必填选项" onchange="checkInputChange('edit_item_name');">
                                    <datalist id="edit_list">
                                        <option value="电阻">电阻</option>
                                        <option value="弹簧">弹簧</option>
                                        <option value="其他">其他</option>
                                    </datalist>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="has-success">
                                <label class="col-sm-2 control-label label-font" for="edit_spec">规格</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" id="edit_spec" title="必填选项"  onchange="checkInputChange('edit_spec');">
                                </div>
                            </div>

                            <div class="has-success">
                                <label class="col-sm-2 control-label label-font" for="edit_master_item_name">原材料</label>
                                <div class="col-sm-4">
                                    <input disabled class="form-control" type="text" id="edit_master_item_name">
                                </div>
                            </div>
                        </div>

                        <div class="form-group has-success">
                            <label class="col-sm-2 control-label label-font" for="edit_unit">单位</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="edit_unit" title="必填选项"  onchange="checkInputChange('edit_unit');">
                            </div>

                            <label class="col-sm-2 control-label label-font" for="edit_unit_price">单价</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="edit_unit_price">
                            </div>
                        </div>

                        <div class="form-group has-success">
                            <label class="col-sm-2 control-label label-font" for="edit_label">标签</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="edit_label">
                            </div>

                            <label class="col-sm-2 control-label label-font" for="edit_color_code">色码</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="edit_color_code">
                            </div>
                        </div>

                        <div class="form-group has-success">
                            <label class="col-sm-2 control-label label-font" for="edit_product_number">客户料号</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="edit_product_number">
                            </div>

                            <label class="col-sm-2 control-label label-font" for="edit_remark">特殊要求</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="edit_remark">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#imgModal">图纸上传</button>
                    <button type="button" class="btn btn-success" onclick="edit();">修改</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <!-- 模态框（Modal） 图片上传 -->
    <div class="modal fade" id="imgModal" tabindex="-1" role="dialog" aria-labelledby="imgModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="imgModalLabel">
                        图片上传
                    </h4>
                </div>
                <div class="modal-body">
                    <form enctype="multipart/form-data">
                        <div class="form-group">
                            <input id="upload" type="file" class="file" name="file">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

<!-- JavaScript files-->
<!-- jquery.js -->
<script src="../../static/js/lib/jquery.min.js" th:src="@{/js/lib/jquery.min.js}"></script>
<!-- Bootstrap.js -->
<script src="../../static/js/lib/bootstrap3.4.1.min.js" th:src="@{/js/lib/bootstrap3.4.1.min.js}"></script>
<!-- Bootstrap-table.js -->
<script src="../../static/js/lib/bootstrap-table.min.js" th:src="@{/js/lib/bootstrap-table.min.js}"></script>
<script src="../../static/js/lib/bootstrap-table-zh-CN.min.js" th:src="@{/js/lib/bootstrap-table-zh-CN.min.js}"></script>
<!-- sweetalert2.js -->
<script src="../../static/js/lib/sweetalert.min.js" th:src="@{/js/lib/sweetalert.min.js}"></script>
<script src="../../static/js/lib/es6-promise.auto.min.js" th:src="@{/js/lib/es6-promise.auto.min.js}"></script>
<!-- jquery-ui.js -->
<script src="../../static/js/lib/jquery-ui.min.js" th:src="@{/js/lib/jquery-ui.min.js}"></script>
<!-- fileinput.js -->
<script src="../../static/js/lib/fileinput.min.js" th:src="@{/js/lib/fileinput.min.js}"></script>
<script src="../../static/js/lib/fileinput_locale_zh.js" th:src="@{/js/lib/fileinput_locale_zh.js}"></script>
<!-- select2.js -->
<script src="../../static/js/lib/select2.min.js" th:src="@{/js/lib/select2.min.js}"></script>
<script src="../../static/js/lib/Select2-zh-CN.js" th:src="@{/js/lib/Select2-zh-CN.js}"></script>
<script src="../../static/js/common.js" th:src="@{/js/common.js}"></script>
<script src="../../static/js/dragModel.js" th:src="@{/js/dragModel.js}"></script>
<script>
    /** 初始化 */
    let $table = $('#table');
    let $codeSelect = $("#codeSelect");
    let $materialInfoMasterSelect = $("#material_info_master_select");

    // 服务器分页获取数据
    function getServerPaging(node, url, queryParams) {
        initTable(node, url, [10, 20, 30, 40, 50, 60, "All"], queryParams, [{
            checkbox: true
        }, {
            field: 'code',
            title: '客户代号',
            width: '90px',
            formatter: stringFormatter
        }, {
            field: 'itemName',
            title: '品名',
            width: '90px',
            formatter: stringFormatter
        }, {
            field: 'spec',
            title: '规格',
            width: '120px',
            formatter: stringFormatter
        }, {
            field: 'masterItemName',
            title: '品名／磁棒／尺寸(材质)',
            width: '170px',
            formatter: stringFormatter
        }, {
            field: 'masterSpec',
            title: '规格/初R值/电阻线(线径)',
            width: '170px',
            formatter: stringFormatter
        }, {
            field: 'productNumber',
            title: '客户料号',
            width: '150px',
            formatter: stringFormatter
        }, {
            field: 'unit',
            title: '单位',
            width: '72px',
            formatter: stringFormatter
        }, {
            field: 'unitPrice',
            title: '单价',
            width: '72px',
            formatter: stringFormatter
        },{
            field: 'label',
            title: '标签',
            width: '90px',
            formatter: stringFormatter
        }, {
            field: 'colorCode',
            title: '色码',
            width: '120px',
            formatter: stringFormatter
        }, {
            field: 'remark',
            title: '特殊要求',
            width: '170px',
            formatter: stringFormatter
        }, {
            field: 'checkFlag',
            title: '状态',
            width: '100px',
            formatter: stringFormatter
        }, {
            field: 'createTime',
            title: '录入时间',
            width: '170px',
            formatter: dateFormatter
        }, {
            field: 'operation',
            title: '操作',
            width: '300px',
            formatter: operateFormatter // 自定义方法，添加操作按钮
        }]);
    }

    function operateFormatter(value, row, index) {  // 赋予的参数
        if ("已通过" === row.checkFlag) {
            return [
                '<button class="btn btn-success view" data-toggle="modal" data-target="#viewModal" onclick="view('+ index +');">查看</button>&nbsp;&nbsp;' +
                '<button class="btn btn-primary view" data-toggle="modal" data-target="#editModal" onclick="initEdit('+ index +');">编辑</button>&nbsp;&nbsp;' +
                '<button class="btn btn-danger view" onclick="deleteOne('+ index +');">删除</button>'
            ].join('');
        } else {
            return [
                '<button class="btn btn-success view" data-toggle="modal" data-target="#viewModal" onclick="view('+ index +');">查看</button>&nbsp;&nbsp;' +
                '<button class="btn btn-primary view" data-toggle="modal" data-target="#editModal" onclick="initEdit('+ index +');">编辑</button>&nbsp;&nbsp;' +
                '<button class="btn btn-danger view" onclick="deleteOne('+ index +');">删除</button>&nbsp;&nbsp;' +
                '<button class="btn btn-warning view" data-toggle="modal" data-target="#auditModal" onclick="initAudit('+ index +');">审核</button>'
            ].join('');
        }
    }

    // 修改提示框样式
    changeToolTip();

    // 模态框初始化
    dragTheModalDialog();

    // 初始化下拉框
    initSelect($codeSelect, "请输入客户代号", codeFormatter, "/customer-management/getCustomer", 1000, params => {
        return { code: params.term, offset: params.page ? 10 * (params.page - 1) : 0, limit: 10 };
    }, result => result.module.rows.map(item => {
        return { id: item.id, text: item.code, name: item.name};
    }), 10);
    function codeFormatter(result) {
        return '<span title="'+ result.name +'">' + result.text +'</span>';
    }

    initSelect($materialInfoMasterSelect, "请输入品名／磁棒／尺寸(材质)", materialFormatter, "/material-owner-information/getMaterialInfoMaster", 1000, params => {
        return { itemName: params.term, offset: params.page ? 10 * (params.page - 1) : 0, limit: 10 };
    }, result => result.module.rows.map(item => {
        return { id: item.id, text: item.itemName, spec: item.spec, remark: item.remark};
    }), 10);
    function materialFormatter(result) {
        return '<span title="'+ "规格/初值/电阻线(线径)：" + result.spec + " | " + "备注：" + result.remark + '">' + result.text +'</span>';
    }

    // 初始化表格数据
    function init() {
        getServerPaging($table, "/original-information-of-finished-product/getOriginalProduct", params => {
            return { limit: params.limit, offset: params.offset, sort: "create_time", order: "DESC" };
        });
    }

    // 图片上传
    $("#upload").fileinput({
        language: 'zh',     // 设置语言
        dropZoneTitle: '可以将图片拖放到这里...',
        uploadUrl: '/file/upload',
        allowedFileExtensions : ['jpg', 'png'],
        overwriteInitial: false,
        minImageWidth: 50,      // 图片的最小宽度
        minImageHeight: 50,     // 图片的最小高度
        maxImageWidth: 1000,    // 图片的最大宽度
        maxImageHeight: 1000,   // 图片的最大高度
        maxFileSize: 1024,      // 单位为kb，如果为0表示不限制文件大小
        minFileCount: 1,        // 每次上传允许的最少文件数。如果设置为0，则表示文件数是可选的。默认为0
        maxFileCount: 1,        // 每次上传允许的最大文件数。如果设置为0，则表示允许的文件数是无限制的。默认为0
        maxFilesNum: 1,
        uploadExtraData: function() {
            return { fileType: "productImg", fileName: editId + ".jpg" };
        }
    }).on("fileuploaded", function(e, data) { // 文件上传成功的回调函数
        if (data.response === null) {
            swal("错误", "不支持该文件类型", "success");
            return;
        }

        if (data.response.success === false) {
            switch (data.response.code) {
                case 9002: swal("错误", "参数错误", "error");     break;
                case 9006: swal("错误", "文件创建错误", "error"); break;
            }
        } else {
            let data = {
                id: editId,
                drawingUrl: editId + ".jpg"
            };

            parameterPostRequest("/original-information-of-finished-product/updateDrawById", data, () => {
                $('#imgModal').modal('hide');
                $('#editModal').modal('hide');
                swal("成功", "图片上传成功", "success");
                init();
            });
        }
    });
</script>

<script>
    /** 功能 */
    // 过滤
    function filter() {
        let data = { code: $("#txt_search_code").val(), itemName: $("#txt_search_item_name").val(), checkFlag: $("#txt_search_check_flag").val(),
            spec: $("#txt_search_spec").val(), masterItemName: $("#txt_search_master_item_name").val(),  masterSpec: $("#txt_search_master_spec").val(),
            productNumber: $("#txt_search_product_number").val(), label: $("#txt_search_label").val(), };

        if ("" === data["code"] && "" === data["itemName"] && "--请选择--" === data["checkFlag"] && "" === data["spec"]
            && "" === data["masterItemName"] && "" === data["productNumber"]&& "" === data["masterSpec"]&& "" === data["label"]) {
            swal("操作提示", "请填写过滤参数", "info");
            return;
        }

        getServerPaging($table, "/original-information-of-finished-product/getOriginalProductByConditions", params => {
            let result = { limit: params.limit, offset: params.offset, sort: "create_time", order: "DESC", code: data["code"],
                itemName: data["itemName"], checkFlag: data["checkFlag"], spec: data["spec"], masterItemName: data["masterItemName"],
                masterSpec: data["masterSpec"], productNumber: data["productNumber"], label: data["label"]};

            removeEmptyField(result);
            if ("--请选择--" === result["checkFlag"]) {
                delete result["checkFlag"];
            }

            return result;
        });
    }

    // 导出excel
    function exportExcel() {
        let selections = $table.bootstrapTable('getSelections');
        if (selections.length === 0) {
            swal("操作提示", "请选择记录", "info");
        } else {
            parameterPostRequest("/original-information-of-finished-product/exportExcel", selections, () => loadFile("成品原始信息.xlsx"));
        }
    }

    // 添加成品原始信息记录
    function add() {
        if (0 !== $codeSelect.select2('data').length && 0 !== $materialInfoMasterSelect.select2('data').length) {
            let data = {
                customerId: $codeSelect.select2('data')[0].id,
                materialInfoMasterId: $materialInfoMasterSelect.select2('data')[0].id,
                itemName: $("#txt_item_name").val(),
                spec: $("#txt_spec").val(),
                productNumber: $("#txt_product_number").val(),
                unit: $("#txt_unit").val(),
                unitPrice: $("#txt_unit_price").val(),
                label: $("#txt_label").val(),
                colorCode: $("#txt_color_code").val(),
                remark: $("#txt_remark").val()
            };
            if ("" === data.customerId || "" === data.materialInfoMasterId || "" === data.itemName || "" === data.spec || "" === data.unit) {
                swal("操作提示", "请输入必输入项", "info");
            } else {
                parameterPostRequest("/original-information-of-finished-product/insert", data, () => {
                    $('#addModal').modal('hide');
                    swal("正确", "添加成功", "success");
                    init();
                });
            }
        } else {
            swal("操作提示", "请输入必输入项", "info");
        }
    }

    // 查看
    function view(index) {
        let rows = $table.bootstrapTable('getData');
        $("#td_code").text(rows[index].code);
        $("#td_item_name").text(rows[index].itemName);
        $("#td_spec").text(rows[index].spec);
        $("#td_product_number").text(rows[index].productNumber);
        $("#td_unit").text(rows[index].unit);
        $("#td_unit_price").text(rows[index].unitPrice);
        $("#td_label").text(rows[index].label);
        $("#td_color_code").text(rows[index].colorCode);
        $("#td_master_item_name").text(rows[index].masterItemName);
        $("#td_remark").text(rows[index].remark);
        if (rows[index].drawingUrl !== null && rows[index].drawingUrl !== "") {
            $("#td_drawing").attr('src', "/file/productImg/" + rows[index].drawingUrl);
        }
    }

    // 编辑
    // edit记录id
    let editId;
    function initEdit(index) {
        let rows = $table.bootstrapTable('getData');
        $("#edit_code").val(rows[index].code);
        $("#edit_item_name").val(rows[index].itemName);
        $("#edit_spec").val(rows[index].spec);
        $("#edit_master_item_name").val(rows[index].masterItemName);
        $("#edit_unit").val(rows[index].unit);
        $("#edit_unit_price").val(rows[index].unitPrice);
        $("#edit_label").val(rows[index].label);
        $("#edit_color_code").val(rows[index].colorCode);
        $("#edit_product_number").val(rows[index].productNumber);
        $("#edit_remark").val(rows[index].remark);
        editId = rows[index].id;
    }
    function edit() {
        let data = {
            id: editId,
            itemName: $("#edit_item_name").val(),
            spec: $("#edit_spec").val(),
            productNumber: $("#edit_product_number").val(),
            unit: $("#edit_unit").val(),
            unitPrice: $("#edit_unit_price").val(),
            label: $("#edit_label").val(),
            colorCode: $("#edit_color_code").val(),
            remark: $("#edit_remark").val()
        };
        if ("" === data.itemName || "" === data.spec || "" === data.unit) {
            swal("操作提示", "请输入必输入项", "info");
        } else {
            parameterPostRequest("/original-information-of-finished-product/updateOriginalProduct", data, () => {
                $('#editModal').modal('hide');
                swal("正确", "编辑成功", "success");
                init();
            });
        }
    }

    // 删除
    function deleteOne(index) {
        dialog("确定删除吗？", () => {
            let data = { "id": $table.bootstrapTable('getData')[index].id };
            parameterPostRequest("/original-information-of-finished-product/delete", data, () => {
                swal("正确", "删除成功", "success");
                init();
            });
        });
    }

    // 审核
    // audit记录id
    let auditId;
    function initAudit(index) {
        let rows = $table.bootstrapTable('getData');
        $("#audit_check_flag").val(rows[index].checkFlag);
        $("#audit_remark").val(rows[index].remark);
        auditId = rows[index].id;
    }
    function audit() {
        let data = {
            id: auditId,
            checkFlag: $("#audit_check_flag").val(),
            remark: $("#audit_remark").val()
        };
        parameterPostRequest("/original-information-of-finished-product/updateCheckerById", data, () => {
            $('#auditModal').modal('hide');
            swal("正确", "审核成功", "success");
            init();
        });
    }
</script>

</body>

</html>